#Layout component for pages of application geloa2.

#Reset margin and padding at the beginning of all TAGs, it makes
#easier to get the same layout across the different browsers

* {
   margin:0;
   padding:0;
}
body {
   padding:0px;
   background:8FAFAA;
   margin:0px;
   text-align:center;
}

div,table,p,td,span {
   font-family:arial;
}

div#container {
     width: 1024px;
     margin-top:0px;
     margin-left:0 auto;
     margin-right:0 auto;
     text-align:left;
     background:#DADADA;
     position:relative;
}
div#header {
   background:#D7d7d7;
   height: 100px;
   font-weight: bolder;
   border-bottom:7px solid #55BBBB;
   margin-top:0px;
   position:relative;
   text-align:center;
}
div#header, div#footer {
   clear: both;
   font-size: 10px;
}
div#footer {
      height: 20px;
      text-align:center;
      font-size:9px;
      background:FADD55;
      padding:5px;
      margin-top:10px;
}
div#leftmenu, div#rightmenu {
    width: 160px;
    margin-left:5px;
    margin-right:5px;
    font-size:12px;
    padding-left:5px;
    font-weight: bold;
    background:55BBBB;
}

div#leftmenu {
   float: left;
   font-weight: bold;
}

div#rightmenu{
   float: right;
}

div#content {
   margin-left:170px;
   margin-right:170px;
   margin-top:0px;
   margin-bottom:5px;
   padding-top:10px;
   padding-left:10px;
   background:#FFFFFF;
   border:5px #66CCCC solid;
   height:500px;
}

div#content div.title {
   font-size:18px;
   padding-bottom:20px;
}

div#content div.sub-title {
   background:red;
   color:yellow;
}

div.list-title {
   font-size:24px;
   margin-bottom:10px;
   margin-top:20px;
}

p.content {
   font-size:24px;
   background:#66CCCC;
}

div.gem-flash-message {
   float:right;
   color:red;
   background:yellow;
   border:3px solid black;
   font-size:24px;
   height:50px;
   width:200px;
   position:absolute;
}

div.gem-locale-switcher {
   width:200px;
   height:50px;
   position:absolute;
   right:0px;
   bottom:0px;
}

div.gem-locale-switcher select {
   font-size:14px;
}

div.gem-locale-switcher table td {
   vertical-align:center;
}

div.gem-locale-switcher img {
   height:20px;
   width:35px;
}

div.gem-tabset-toolbar {
   position:absolute;
   background:red;
   bottom:0px;
   left:170px;
   margin-left:3px;
}

.gem-tabset-option {
   color:yellow;
   font-style:bold;
   text-align:center;
   padding:5px 10px;
}

table.tabset td {
   width:100px;
   text-align:center;
}

td.tabset-option {
   width:100px;
   text-align:center;
   background:#bbbbbb;
}

td.tabset-option a {
   color:black;
}

td.tabset-option a:VISITED { text-decoration:none; }
td.tabset-option A:LINK { text-decoration:none; }
td.tabset-option a:ACTIVE { text-decoration:none; }
td.tabset-option a:HOVER { text-decoration:none; }

td.tabset-option-selected {
   background:#55BBBB;
}

td.tabset-option-selected a {
   color:yellow;
   font-weight: bold;
}

td.tabset-option-selected a:VISITED { text-decoration:none; }
td.tabset-option-selected A:LINK { text-decoration:none; }
td.tabset-option-selected a:ACTIVE { text-decoration:none; }
td.tabset-option-selected A:HOVER { text-decoration:none; }


# MENU
div.gem-menu {
  font-size:12px;
  text-align:center;
}

div.menu-service, div.menu-service-selected {
  text-align:left;
  margin-left:10px;
  margin-bottom:5px;
  margin-top:15px;
}

div.menu-service {
}
div.menu-service-selected {
}
div.menu-option,div.menu-option-selected {
   margin-left:30px;
   margin-bottom:5px;
}

div.menu-option {
}

div.menu-option-selected {
}


a:visited { text-decoration:none; }
a:link{ text-decoration:none; }
a:active{ text-decoration:none; }
a:hover{ text-decoration:none; }

a.menu-service {
   color:black;
}
a.menu-service-selected {
   color:yellow;
}
a.menu-option {
   color:black;
}
a.menu-option-selected {
   color:yellow;
}


